<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/slimbox2.js"></script>
<link rel="stylesheet" href="slimbox2.css" type="text/css" media="screen" />

<br />
<!--<div style="text-align:center; padding-left: 2%; padding-right: 2%;">-->
<div style="text-align:center; padding-left: 2%; padding-right: 2%;">
<style>
a {
	text-decoration : none;
    color : #fff;
    background-color: transparent;
	border-style: none;
}
a:link {
    text-decoration : underline;
    color : #fff;
/*     background-color : #000; */
    background-color: transparent;
    border-radius: 5px 5px;
}

a:visited {
    text-decoration : underline;
    color : #fff;
/*     background-color : #000; */
    background-color: transparent;
    border-radius: 5px 5px;
    
}
a:hover {
    text-decoration : none;
    color : #000;
    background-color : transparent;
    border-radius: 5px 5px;
/* 	opacity: 120; */
}
a:active {
    text-decoration : none;
    color : #000;
    background-color : transparent;
    border-radius: 5px 5px;
}
</style>
<?
  $TUT = "d5nX2XSKVsQ"; 
  if ( isset($_GET["L"]) ) {
        switch($_GET["L"]) {
            case 'pl':
				$TUT = "KVdcu7tuHR0";
				break;
        }
  }
	print "<iframe style=\"position: relative;\" id=\"myIfr\" width=\"480\" height=\"360\" src=\"http://www.youtube.com/embed/$TUT\" frameborder=\"0\"></iframe>";
?>
<br /><br />

<a href="screenshots/scr-01.png" rel="lightbox-cats">
	<img style="width: 25%;" alt="" src="screenshots/scr-01.png" /></a>&nbsp;&nbsp;
<a href="screenshots/scr-02.png" rel="lightbox-cats">
	<img style="width: 25%;" alt="" src="screenshots/scr-02.png" /></a>&nbsp;&nbsp;
<a href="screenshots/scr-03.png" rel="lightbox-cats">
	<img style="width: 25%;" alt="" src="screenshots/scr-03.png" /></a><br />

<a href="screenshots/scr-04.png" rel="lightbox-cats">
	<img style="width: 25%;" alt="" src="screenshots/scr-04.png" /></a>&nbsp;&nbsp;
<a href="screenshots/scr-05.png" rel="lightbox-cats">
	<img style="width: 25%;" alt="" src="screenshots/scr-05.png" /></a>&nbsp;&nbsp;
<a href="screenshots/scr-06.png" rel="lightbox-cats">
	<img style="width: 25%;" alt="" src="screenshots/scr-06.png" /></a><br />

<a href="screenshots/scr-07.png" rel="lightbox-cats">
	<img style="width: 25%;" alt="" src="screenshots/scr-07.png" /></a>&nbsp;&nbsp;
<a href="screenshots/scr-08.png" rel="lightbox-cats">
	<img style="width: 25%;" alt="" src="screenshots/scr-08.png" /></a>&nbsp;&nbsp;
<a href="screenshots/scr-09.png" rel="lightbox-cats">
	<img style="width: 25%;" alt="" src="screenshots/scr-09.png" /></a><br />
	
<a href="screenshots/scr-10.png" rel="lightbox-cats">
	<img style="width: 25%;" alt="" src="screenshots/scr-10.png" /></a>&nbsp;&nbsp;
<a href="screenshots/scr-11.png" rel="lightbox-cats">
	<img style="width: 25%;" alt="" src="screenshots/scr-11.png" /></a>&nbsp;&nbsp;
<a href="screenshots/scr-12.png" rel="lightbox-cats">
	<img style="width: 25%;" alt="" src="screenshots/scr-12.png" /></a><br />
	
<a href="screenshots/scr-13.png" rel="lightbox-cats">
	<img style="width: 25%;" alt="" src="screenshots/scr-13.png" /></a>&nbsp;&nbsp;
<a href="screenshots/scr-14.png" rel="lightbox-cats">
	<img style="width: 25%;" alt="" src="screenshots/scr-14.png" /></a><br />

<a href="screenshots/scr-15.png" rel="lightbox-cats">
	<img style="width: 25%;" alt="" src="screenshots/scr-15.png" /></a>&nbsp;&nbsp;
<a href="screenshots/scr-16.png" rel="lightbox-cats">
	<img style="width: 25%;" alt="" src="screenshots/scr-16.png" /></a>&nbsp;&nbsp;
<a href="screenshots/scr-17.png" rel="lightbox-cats">
	<img style="width: 25%;" alt="" src="screenshots/scr-17.png" /></a>




</div>